<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>JS编写的位置</title>

    <!-- *外部文件添加js代码文件  -->
    <!-- ! 推荐使用，   可以利用浏览器缓存文件机制   -->
    <script type="text/javascript" src="./js/script.js"></script>

    <!-- * 内部编写js代码 -->
    <script type="text/javascript">
        alert("我是内部文件的js");
    </script>
</head>

<body>
    <!-- 可以将JS代码编写在onclick属性当中 -->
    <!-- * 虽然可添加在代码属性中，但是属于行为耦合，不推荐使用 -->
    <button onclick="alert('点我干嘛？')">点我一下</button>


    <a href="javascript:alert('又点我干嘛？');">点我</a>
    <a href="javascript:;">我是空链接</a>

</body>

</html>